
.timelineData {
    /*background: green;*/
    height: 100%;
    background: #ececec;
    /*background: rgba(97, 255, 167, 70%);*/
    /*border-left: 1px solid rgba(93, 245, 160, 70%);*/
    /*border-right: 1px solid rgba(97, 255, 167, 70%);*/
    border: 1px solid #757575;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
}

.titleContainer {
    align-items: center;
    margin: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.bookingTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
    margin-right: 1px;
}

.bookingTag {
    border: 1px solid #757575;
    border-radius: 4px;
    padding: 2px;
    font-size: 10px;
    color: #222222;
}

.bookingOwner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10px;
    margin: 5px;
}